<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>微播视频</title>
    <link rel="icon" type="image/x-icon" href="images/icon.png" />
    <link rel="stylesheet" href="ft-carousel.css" />
    <link rel="stylesheet" href="style.css" />
    <style>
      .example {
        /* width: 624px;
        height: 336px; */
        font-size: 40px;
        text-align: center;
        /* margin: 20px auto; */
        /* background-color: #464576; */
      }
      .carousel-item {
        line-height: 336px;
        color: #fff;
        /* font-family: Arial Black; */
      }
    </style>
  </head>
  <body>
    <!-- header部分 -->
    <div class="header w">
      <!-- logo部分 -->
      <div class="logo">
        <img src="images/logo1.png" alt="微播视频的logo" />
      </div>
      <!-- 标题部分 -->
      <div class="heading">
        <h2>微播视频</h2>
      </div>
      <!-- 搜索框 -->
      <div class="search">
        <input type="text" placeholder="搜索热搜榜" />
        <button>全网搜索</button>
      </div>
      <div class="go">
        <a href="#"><img src="images/go.png" alt=""/></a>
      </div>
    </div>
    <!-- 登录条 -->

    <!-- 头部导航栏 -->
    <div class="header-nav ">
      <a href="#" class="nav-one">首页</a>
      <a href="class/dianying.html">电影</a>
      <a href="#">电视剧</a>
      <a href="#">综艺</a>
      <a href="#">动漫</a>
      <a href="#">资讯</a>
      <a href="class/NBA.html" target="_blank">NBA</a>
      <a href="#">更多</a>
    </div>
    <!-- 浏览部分 -->
    <div class="banner w">
      <!-- 左侧边导航栏 -->
      <div class="nav1">
        <div class="nav2">
          <ul>
            <li>
              <a href="#">音乐<span>&gt;</span></a>
            </li>
            <li>
              <a href="#">时尚<span>&gt;</span></a>
            </li>
            <li>
              <a href="#">旅游<span>&gt;</span></a>
            </li>
            <li>
              <a href="#">搞笑<span>&gt;</span></a>
            </li>
            <li>
              <a href="#">原创<span>&gt;</span></a>
            </li>
            <li>
              <a href="#">财经<span>&gt;</span></a>
            </li>
            <li>
              <a href="#">科技<span>&gt;</span></a>
            </li>
            <li>
              <a href="#">汽车<span>&gt;</span></a>
            </li>
            <li>
              <a href="#">军事<span>&gt;</span></a>
            </li>
            <li>
              <a href="#">公益<span>&gt;</span></a>
            </li>
            <li>
              <a href="#">教育<span>&gt;</span></a>
            </li>
          </ul>
        </div>
      </div>
      <!-- 主页中间部分 -->

      <div class="example center">
        <div class="ft-carousel" id="carousel_1">
          <ul class="carousel-inner">
            <li class="carousel-item"><img src="images/bg1.png" /></li>
            <li class="carousel-item"><img src="images/bg2.png" /></li>
            <li class="carousel-item"><img src="images/bg3.png" /></li>
            <li class="carousel-item"><img src="images/bg4.png" /></li>
            <li class="carousel-item"><img src="images/dy4.png" /></li>
            <li class="carousel-item">
              <img src="images/cishaxiaoshuojia.png" />
            </li>
          </ul>
        </div>
      </div>

      <!-- 主页右侧边栏 -->
      <div class="sidebar">
        <div class="ji"><a href="#">VIP会员</a></div>
        <div class="ou"><a href="#">NBA</a></div>
        <div class="ji"><a href="#">娱乐</a></div>
        <div class="ou"><a href="#">新闻</a></div>
        <div class="ji"><a href="#">汽车</a></div>
        <div class="ou"><a href="#">音乐</a></div>
        <div class="ji"><a href="#">体育</a></div>
        <div class="ou"><a href="#">生活</a></div>
        <div class="ji"><a href="#">游戏</a></div>
      </div>
    </div>
    <div class="fenlei">
      <div class="left">
        <div>
          <img src="images/01.png" /><a
            href="class/dianshiju.html"
            target="_Blank"
            ><span>电视剧 |</span></a
          >
          <a href="#">海外剧</a><a href="#">网络剧</a>
        </div>
        <div>
          <img src="images/0 (1).png" /><a
            href="class/dianying.html"
            target="_Blank"
            ><span>电影 |</span></a
          >
          <a href="#">院线大片</a><a href="#">自制电影</a>
        </div>
        <div>
          <img src="images/0 (2).png" /><a
            href="class/zongyi.html"
            target="_Blank"
            ><span>综艺 |</span></a
          >
          <a href="#">腾讯自制</a><a href="#">独播</a>
        </div>
        <div>
          <img src="images/0 (3).png" /><a
            href="class/dongman.html"
            target="_Blank"
            ><span>动漫 |</span></a
          >
          <a href="#">国漫</a><a href="#">日漫</a>
        </div>
        <div>
          <img src="images/0 (4).png" /><a
            href="class/shaoer.html"
            target="_Blank"
            ><span>少儿 |</span></a
          >
          <a href="#">益智</a><a href="#">儿歌</a>
        </div>
        <div>
          <img src="images/0 (5).png" /><a
            href="class/jilupian.html"
            target="_Blank"
            ><span>纪录片 |</span></a
          >
          <a href="#">美食</a><a href="#">自然</a>
        </div>
      </div>
      <div class="right">
        <a href="#"><img src="images/yingyong.png" alt="应用中心"/></a>
        <a href="#"><img src="images/vip.png" alt="VIP影院"/></a>
      </div>
    </div>
    <!-- 下面的部分视频 -->

    <div class="float">
      <a href="#"><img src="images/qq.png" alt=""/></a>
      <a href="#"><img src="images/weibo.png" alt=""/></a>
      <a href="#"><img src="images/top.png" alt=""/></a>
    </div>
    <hr />
    <div class="foot">
      <div class="foot1 w">
        <h3>服务:</h3>
        <span>客服</span>
        <span>反馈</span>
        <span>侵权投诉</span>
        <span>免广告合作</span>
        <span>VIP采购</span>
        <span>联系我们</span>
      </div>
      <div class="foot2 w">
        <p>
          <a href="#"
            >滇网文[2017]6138-1xxx号 | 网络视听许可证19xxx073号 |
            增值电信业务经营许可证：滇B2-20xxxxxx59 | 滇公网安备
            0000000000000000号</a
          >
        </p>
        <p>
          <a href="#"
            >关于余漉 | About Yulu | 服务条款 | 广告服务 | 招聘 | 客服中心 |
            网站导航</a
          >
        </p>
        <p>
          <a href="#">Copyright © 1998 - 2021 Yulu. All Rights Reserved.</a>
        </p>
        <p><a href="#">余漉公司 版权所有</a></p>
        <img src="images/110-1.png" alt="" class="logo-110" />
      </div>
    </div>
    <script src="js/jquery.min.js"></script>
    <script src="js/ft-carousel.min.js"></script>
    <script type="text/javascript">
      $("#carousel_1").FtCarousel();

      $("#carousel_2").FtCarousel({
        index: 1,
        auto: false
      });

      $("#carousel_3").FtCarousel({
        index: 0,
        auto: true,
        time: 3000,
        indicators: false,
        buttons: true
      });
    </script>
  </body>
</html>
